<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>  
<fmt:setLocale value="pt-BR" />  

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<jsp:include page="/WEB-INF/jsp/head.jsp"/>
	<script>
		$(document).ready(function() {
			$.getJSON("transacoesFraudulentas?dataInicial=${datainicial}&dataFinal=${dataFinal}"+
					"&pais=${pais}&estado=${estado}&cidade=${cidade}&tipoTransacao=${tipoTransacao}&tipoFraude=${tipo}", 
					function(data) {
 					  $.each(data.data, function(key, val) {
						if( val.localidade_country && val.localidade_state && val.localidade_city )
						{
	 						var dataTransacao = val.trans_data;
	 						var dataFraude = val.fraude_data_deteccao;
	 						$("#grid tbody").append(
	 								"<tr><td>"+ val.trans_id +"</td>"+
	 								"<td>"+ val.trans_type +"</td>"+
	 								"<td>"+ val.trans_price +"</td>"+
	 								"<td>"+ dataTransacao.substr(6,8) +"/"+ dataTransacao.substr(4,2) +"/"+ dataTransacao.substr(0,4) +"</td>"+
	 								"<td>"+ val.localidade_country +"</td>"+
	 								"<td>"+ val.localidade_state +"</td>"+
	 								"<td>"+ val.localidade_city +"</td>"+
	 								"<td>"+ val.fraude_forma_deteccao +"</td>"+
	 								"<td>"+ dataFraude.substr(6,8) +"/"+ dataFraude.substr(4,2) +"/"+ dataFraude.substr(0,4) +"</td>"+
	 								"<td>"+ val.fraude_type +"</td></tr>");
						}
 					  });
				});
		});
	</script>
	
	
</head>
<body>

	<table width="70%" align="center" cellspacing="10" style="border-style:solid;border-width:2px;border-bottom-color: black;">
		<tr>
			<td colspan="2" align="center"><b>RELATÓRIO DE CLASSES DE EQUIVALÊNCIA</b></td>
		</tr>
		<tr>
			<td colspan="2" align="center"><b>SISTEMA SCAF</b></td>
		</tr>
		<tr>
			<td colspan="2" align="center">&nbsp;</td>
		</tr>
		<tr>
			<td align="left">Período: ${datainicial} a ${dataFinal}</td>
			<td align="right">Usuário: ${usuario}</td>
		</tr>
		<tr>
			<td align="left">País: ${pais}</td>
			<td align="right">Data Emissão: ${dataAtual}</td>
		</tr>
		<tr>
			<td align="left">Estado: ${estado}</td>
			<td align="right">Cidade: ${cidade}</td>
		</tr>
		<tr>
			<td align="left">Tipo da Transação: ${tipoTransacao}</td>
			<td align="right">Classe de Equivalência: ${tipo}</td>
		</tr>		
		<tr>
			<td colspan="2" align="center">
			<br/>
				<table id="grid" cellspacing="0" cellpadding="2" border="1" style="border-collapse:collapse;" width="90%" >
					<thead>
						<tr>
							<th align="center">Transação</th>
							<th align="center">Tipo</th>
							<th align="center">Valor (R$)</th>
							<th align="center">Data</th>
							<th align="center">País</th>
							<th align="center">UF</th>
							<th align="center">Cidade</th>
							<th align="center">Forma Detecção</th>
							<th align="center">Data Detecção</th>
							<th align="center">Classe de Equivalência</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
				<br/>
			</td>
		</tr>			
			
	</table>
	<br/>	
	<input type="button" value="Voltar" onClick="history.go(-1)"> 	
</body>
</html>